/* swiper */

.swiper {
    width: 100vw;
    height: 30vh;
    position: relative;
    padding-bottom: 3vh;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100vw;
    height: 30vh;
    object-fit: cover;
}


/* section------------------------------------------------------------ */


/* section_ul1--------------------------- */

.section_ul1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 2vh;
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.section_ul1 li {
    width: 90vw;
    padding: 1vh 5vw;
}

.section_ul1 li:nth-child(1) {
    font-size: 1.8rem;
    font-weight: bolder;
}

.section_ul1 li:nth-child(2) {
    background-image: url(../image/SecondHandList/phone.png);
    background-repeat: no-repeat;
    background-size: 3.5vw 3vh;
    background-position: 90vw;
}

.section_ul1 li:nth-child(2) span {
    color: red;
    font-weight: bolder;
}

.section_ul1 li:nth-child(3) {
    color: rgb(202, 202, 202);
}

.section_ul1 li:nth-child(4) span {
    background-color: rgb(222, 233, 240);
    margin-right: 2vw;
    padding: 1vw;
    color: rgb(158, 176, 189);
}


/* section_ul2-------------------------- */

.section_ul2 {
    margin-bottom: 5vh;
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.section_ul2 li {
    width: 90vw;
    height: 5vh;
    line-height: 5vh;
    border-bottom: 1px solid rgb(212, 212, 212);
    list-style: none;
    margin-left: 5vw;
}

.section_ul2 li:last-child {
    border: none;
}

.section_ul2 li:last-child p {
    text-align: center;
}

.section_ul2 li:last-child p a {
    color: rgb(175, 175, 175);
}

.section_ul2 li span {
    display: inline-block;
    width: 45vw;
}


/* <!-- 房源特色=----------- --> */

.fangyuan {
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.fangyuan p {
    width: 90vw;
    margin-left: 5vw;
}

.fangyuan_p1 {
    height: 5vh;
    line-height: 5vh;
    font-size: 1.5rem;
    font-weight: bolder;
    color: rgb(255, 177, 131);
    border-bottom: 1px solid rgb(204, 204, 204);
}

.fangyuan_p2 {
    height: 12vh;
    line-height: 4vh;
}

.fangyuan_p3 {
    text-align: center;
    border-top: 1px solid rgb(204, 204, 204);
}

.fangyuan_p3 a {
    height: 5vh;
    line-height: 5vh;
    color: rgb(175, 175, 175);
}


/*户型分间 ----------------------------------- */

.huxing {
    width: 100vw;
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.huxing>p {
    width: 90vw;
    margin-left: 5vw;
    font-size: 1.4rem;
    font-weight: bolder;
    color: rgb(255, 138, 0);
    height: 4vh;
    line-height: 4vh;
}

.huxing_ul1>li {
    display: flex;
    width: 90vw;
    margin-left: 5vw;
    margin-top: 2vh;
    margin-bottom: 2vh;
    border-top: 1px solid rgb(207, 207, 207);
    padding-top: 3vh;
}

.huxing_ul1>li:nth-child(2) {
    border-top: 1px solid rgb(255, 138, 0);
}

.huxing_ul1>li img {
    width: 20vw;
    margin-right: 5vw;
}

.huxing_ul2 li {
    margin-top: 1vh;
}

.huxing_ul2 li:nth-child(1) {
    font-weight: bolder;
}

.huxing_ul2 li:nth-child(3) span {
    background-color: rgb(219, 237, 250);
    color: rgb(178, 195, 206);
    padding: 0.3rem;
    margin-right: 1vw;
}


/* <!-- 对口学校 ------------------------------> */

.school {
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.school li {
    width: 90vw;
    height: 6vh;
    line-height: 6vh;
    margin-left: 5vw;
    border-bottom: 1px solid rgb(187, 187, 187);
}

.school li span:nth-of-type(1) {
    color: rgb(194, 194, 194);
}

.school li:nth-of-type(1) {
    font-weight: bolder;
    font-size: 1.4rem;
}

.school li:last-child {
    border: none;
}

.school li:last-child p {
    color: rgb(167, 167, 167);
    text-align: center;
}


/* 位置及周边----------------------------- */

.map {
    border-bottom: 1vh solid rgb(244, 244, 244);
}

.map>p {
    width: 90vw;
    height: 5vh;
    line-height: 5vh;
    margin-left: 5vw;
    border-bottom: 1px solid rgb(207, 207, 207);
    font-size: 1.4rem;
    font-weight: bolder;
}

#container {
    width: 90vw;
    height: 30vh;
    margin: 2vh 5vw;
}


/* <!-- 热门房源------------------ --> */

.tuijian>li {
    width: 90vw;
    padding: 2rem 0;
    list-style: none;
    margin: auto;
    border-bottom: 1px solid #000;
}

.tuijian>li>p {
    width: 95vw;
    height: 5vh;
    line-height: 5vh;
    background-color: rgb(189, 189, 189);
    margin-top: 2vh;
}

.tuijian>li div {
    display: flex;
    justify-content: space-between;
}

.tuijian>li img {
    width: 10rem;
    height: 10rem;
}

.tuijian_text {
    width: 22rem;
}

.tuijian_text li {
    margin: 0.5rem;
}

.tuijian_text li:nth-child(1) {
    font-size: 1.8rem;
    font-weight: bolder;
}

.tuijian_text li:nth-child(2),
.tuijian_text li:nth-child(3) {
    display: flex;
    justify-content: space-between;
}

.tuijian_text li:nth-child(2) span:nth-child(2) {
    color: rgb(255, 138, 0);
    font-weight: bolder;
}

.tuijian_text li:nth-child(3) {
    color: rgb(157, 157, 157);
}

.tuijian_text li:nth-child(4) span {
    background-color: rgb(244, 247, 249);
    color: rgb(166, 186, 199);
    margin-right: 10px;
}

.tuijian>p {
    width: 90vw;
    text-align: center;
    height: 5vh;
    line-height: 5vh;
}

.sanjiao {
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent rgb(189, 189, 189) transparent;
}


/* footer-----联系经纪人 */

footer {
    height: 24vh;
}

.footer_box {
    width: 100vw;
    position: fixed;
    bottom: 0;
    height: 10vh;
    line-height: 10vh;
    background-color: white;
}

.footer_box button:nth-of-type(1) {
    height: 6vh;
    width: 60vw;
    margin-left: 5vw;
    border: none;
    border-radius: 5px;
    background-color: rgb(255, 138, 0);
    color: white;
    background-image: url(../image/SecondHandList/user.png);
    background-repeat: no-repeat;
    background-size: 7vw 4vh;
    background-position: 8vw 1vh;
    /* background: url(../image/SecondHandList/user.png)no-repeat; */
}

.footer_box button:nth-of-type(2) {
    height: 6vh;
    width: 25vw;
    margin-left: 1vw;
    border: none;
    border-radius: 5px;
    background-color: white;
    background-image: url(../image/SecondHandList/xin.png);
    background-repeat: no-repeat;
    background-size: 7vw 4vh;
    background-position: 2vw 1vh;
    /* background: url(../image/SecondHandList/user.png)no-repeat; */
}


/* 轮播图 */